﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <title>客户</title>
    <link rel="stylesheet" type="text/css" href="../plugins/weui/css/weui.min.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/css.css">
    <script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../plugins/dropload/js/dropload.min.js"></script>
    <script src="../js/localbase.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/client.js"></script>
</head>
<style type="text/css">
body {background-color: #fff;width: 100%;overflow-x: hidden;}
.container{margin-bottom: 100px;margin-top: 50px;}
.date_right{float: right;padding-top: 5px;}
.date_right2{float: right;padding-top: 5px;color: #666;}
.tabbar{position: fixed;bottom: 0;}
.selectdown{width: 15px;height: 10px;}
.total{text-align: center;padding: 15px;background-color: #F0EFF5;color: #666;}
.red-color{color: #FC8528;}
#layer{background-color:gray;left:0; opacity:0.5;position:absolute;top:0; z-index:888;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; }
.title_item{width: 80%;padding: 10px 0;border:1px solid #FF8427;color: #FF8427;margin-left: auto;margin-right: auto;text-align: center;}
.layer_content{display: none;z-index: 999; background-color: #fff;width: 100%;position: absolute;top: 50px;padding: 20px 0;}
.title_active{color: #FF8427;}
</style>

<body>
    <div class="weui-navbar" style="background-color: #fff;z-index: 999;">
        <div class="weui-navbar__item tap_title" onclick="showlayer()">
            <span style="color:orange">预计成交率</span>
            <img class="selectdown" src="../images/boss/9.png">
        </div>
        <div class="weui-navbar__item" onclick="toUrl(siteUrlList.ClientTagManager)">标签</div>
        <div class="weui-navbar__item" onclick="toUrl(siteUrlList.SearchLabel)">搜索</div>
    </div>
    <div class="container">
    	<div class="total">共<span class="totalcount">0</span>名客户</div>
        <!--客户列表-->
	    <div class="weui-panel__bd">
	    </div>
    </div>
    <div class="weui-tabbar tabbar">
        <a href="bossRadarIndex.html" class="weui-tabbar__item">
            <img src="../images/tabbar/10.png" alt="" class="weui-tabbar__icon">
            <p class="weui-tabbar__label">AI销售</p>
        </a>
        <a class="weui-tabbar__item a_msg_list">
            <img src="../images/tabbar/12.png" alt="" class="weui-tabbar__icon">
            <p class="weui-tabbar__label">消息</p>
        </a>
        <a href="javascript:;" class="weui-tabbar__item">
            <img src="../images/tabbar/13.png" alt="" class="weui-tabbar__icon">
            <p class="weui-tabbar__label" style="color:#FD4D01;">客户</p>
        </a>
        <a href="friendState.html" class="weui-tabbar__item">
            <img src="../images/tabbar/16.png" alt="" class="weui-tabbar__icon">
            <p class="weui-tabbar__label">商圈</p>
        </a>
        <a href="myself.html" class="weui-tabbar__item">
            <img src="../images/tabbar/18.png" alt="" class="weui-tabbar__icon">
            <p class="weui-tabbar__label">我</p>
        </a>
    </div>
    <div id="layer"></div>
    <div class="layer_content">
        <div class="weui-flex">
            <div class="weui-flex__item"><div class="placeholder"><div class="title_item">预计成交率</div></div></div>
            <div class="weui-flex__item"><div class="placeholder"><div class="title_item">最后跟进时间</div></div></div>
            <div class="weui-flex__item"><div class="placeholder"><div class="title_item">最后活动时间</div></div></div>
        </div>
        <div class="weui-flex" style="margin-top: 15px;">
            <div class="weui-flex__item"><div class="placeholder"><div class="title_item">工作交接</div></div></div>
            <div class="weui-flex__item"><div class="placeholder"><div class="title_item">扫码</div></div></div>
            <div class="weui-flex__item"><div class="placeholder"><div class="title_item">转发</div></div></div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript">
    $(function () {
        loadClient();
        changeProbability();
        loadBtn();
    })

    function showlayer() {
        if(!$(".tap_title").hasClass('title_active')){
            var bh=$(window).height();//获取屏幕高度
            var bw=$(window).width();//获取屏幕宽度
            $("#layer").css({
                height:bh,
                width:bw,
                display:"block"
            });
            $(".layer_content").show();
            $(".tap_title").addClass("title_active");
        }else{
            $("#layer,.layer_content").hide();
            $(".tap_title").removeClass("title_active");
        }
    }
 
    function loadBtn() {
        //聊天会话链接
        $(".a_msg_list").click(function () {
            toUrl(siteUrlList.ImMessageList + "?uid=" + userid);
        });

        //close layer
        $(".layer_content").click(function () {
            $("#layer,.layer_content").hide();
            $(".tap_title").removeClass("title_active");
        })
        $("#layer").click(function () {
            $("#layer,.layer_content").hide();
            $(".tap_title").removeClass("title_active");
        })
    }

 
</script>
</html>